.login-container {
  width: 100%;
  min-width: 550px;
  height: calc(100vh - 42px);

  .login-card {
    position: absolute;
    top: 19%;
    right: 7.7%;
    width: 456px;
    min-height: 544px;
    padding: 48px;
    border: none;
    border-radius: 4px;
    box-shadow: 0 4px 16px 8px rgb(0 0 0 / 10%) !important;

    .el-card__body {
      padding: 0;
      height: 412px;
    }

    .input-wrapper {
      display: flex;
      align-items: center;
      width: 100%;
    }

    .captcha-image {
      height: 48px;
      cursor: pointer;
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
    }

    .platform-login-text {
      font-size: 12px;
      color: var(--el-text-color-secondary);
    }

    .password-from,
    .username-from {
      margin-top: 15px;
      margin-bottom: unset !important;

      .el-input__inner {
        font-size: 16px !important;
        color: #000000;
      }
    }

    .login-title {
      margin-top: 8px;
      margin-bottom: 48px;
      font-size: 40px;
      font-weight: 700;
      line-height: 48px;
      text-align: left;
      letter-spacing: 0.83px !important;
    }

    .login-btn {
      height: 48px;
      margin-top: 100px;
      font-size: 16px;
      font-weight: 500;
      background-color: rgb(99,149,253);
      border-radius: 2px;

      span {
        font-size: 16px;
      }
    }

    .sigin-btn {
      height: 48px;
      margin-top: 20px;
      margin-left: 0px;
      font-size: 16px;
      font-weight: 500;
      border-radius: 2px;

      span {
        font-size: 16px;
      }
    }
    .backToLogin {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 15px auto;
      cursor: pointer;
      color: var(--o-color-info);
      &:hover {
        color: #5d7dffc0;
        transition: 200ms;
      }
    }
    .not-click {
      cursor: not-allowed;
    }
  }

  .icp-info {
    position: absolute;
    bottom: 32px;
    width: 100%;
    font-size: 14px;
    color: var(--el-text-color-secondary);
    text-align: center;
  }

  .el-input-wrapper {
    background: var(--el-input-bg-color) !important;
    border: 1px solid var(--el-border-color);
    border-radius: 5px;
  }

  .el-input__wrapper {
    height: 48px !important;
  }

  .el-form-item {
    background: var(--el-input-bg-color);
    border-radius: 5px;
  }
}
/* 调整箭头位置的关键 CSS */
.el-popover.custom-popover .el-popper__arrow {
  /* 通过调整 left 属性来水平移动箭头 */
  left: 90% !important;
  /* 可以根据需要调整偏移量 */
  transform: translateX(90%) !important;
}
.el-popover.custom-popover .el-popper__arrow::before {
  /* 调整箭头伪元素的样式 */
  border-top-color: #fff;
}
